<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 通配符选择器 -->
    <!-- <style>
        *{
            color : pink;
        }
    </style> -->


    <style> 

        /* id 选择器
        #two {
            color :green;
            font-size : 40px;
        }

         class 选择器 
        .button1 {
            color: blue;
        } */


        /* 复合选择器 */
        #textone.button3 {
            color: brown; 
            font-size :  50px;
        }
    </style>
</head>
<body>


    <s> 这是一个s </s> <br/>
    <div> 这是一个 div </div> <br/>
    <span>  这是一个 span </span><br/>


    <input type="text" value="这是第一个文本框"  id = "textone"   class="button1" >按钮1<br/> 
    <input type="text" value="这是第二个文本框"  id = "two"  class = "button2" > <br/> 
    <input type="text" value="这是第三个文本框"  id = "textone"  class = "button3"  > <br/> 

</body>
</html>